<template>
  <div>
    <atom-spinner :animation-duration="1000" :size="60" :color="'#ff1d5e'"/>
    <half-circle-spinner :animation-duration="1000" :size="60" :color="'#ff1d5e'"/>
    <circles-to-rhombuses-spinner
      :animation-duration="1200"
      :circles-num="3"
      :circle-size="15"
      :color="'blue'"
    />
    <!-- <bar-loader class="custom-class" :color="'#bada55'" :loading="true" :size="'150'" :sizeUnit="'px'"/> -->
  </div>
</template>
<script>
// import BarLoader from "@saeris/vue-spinners";
import { AtomSpinner, CirclesToRhombusesSpinner, HalfCircleSpinner } from "epic-spinners";

export default {
  name: "Group",
  methods: {
    loading() {
      return true;
    }
  },
  components: { AtomSpinner, CirclesToRhombusesSpinner,HalfCircleSpinner }
};
</script>


